html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
* {
  box-sizing: border-box;
}
#app {
  width: 100%;
  height: 100%;
  svg {
    outline: none;
  }
}
.avatar-popup-content{
  
border: 1px solid var(---color-border-3, #DFE2E5);
background: var(---color-bg-white, #FFF);
box-shadow: 0px 4px 10px 0px rgba(29, 33, 41, 0.10);
width: 120px;
.arco-menu-inner{

  padding: 6px 0;
  border-radius: 4px;
}
.arco-menu-item{
  padding: 0 12px;
  height: 36px;
}
}
.arco-select-view-single.arco-select-view-size-medium .arco-select-view-value,
.arco-input-wrapper .arco-input.arco-input-size-medium,
.arco-picker-size-medium input,
.arco-radio-button,
.arco-popover-popup-content,
.arco-btn-size-medium,
.arco-table-th,
.arco-table-td,
.arco-link,
.arco-select-view-single.arco-select-view-size-medium .arco-select-view-input {
  font-size: 14px !important;
}
.arco-checkbox{
  height: 28px;
  line-height: 22px;
  font-size: 14px;
  .arco-checkbox-icon{
    width: 16px;
    height: 16px;
  }
}
.arco-picker-size-medium,.arco-select-view-size-medium{
  height: 32px !important;
}
.arco-link-status-danger:hover {
  background-color: rgb(var(--danger-1));
}
.rule-help-item{
  .arco-form-item-label-col{
    margin-bottom: 0;
  }
}
.skip-item{
  .arco-checkbox{
    height: 22px;
    &:first-child{
      padding-left: 0;
    }
  }
  .arco-form-item-wrapper-col{
    min-height: 22px;
  }
}
.site-base-info {
  .arco-descriptions {
    .arco-descriptions-item-label,
    .arco-descriptions-item-value {
      padding-bottom: 24px;
    }
    .arco-descriptions-item-label{
      @apply text-4;
    }
    .arco-descriptions-item-value {
      @apply text-2;
    }
    .resolve-status {
      @apply flex gap-x-1 items-center leading-5;
      .refresh {
        color: var(--color-text-7);
        opacity: 0;
        &:hover {
          color: var(--color-text-1);
          cursor: pointer;
        }
      }
      &:hover {
        .refresh {
          opacity: 1;
        }
      }
    }
  }
}
.table-dropdown {
  min-width: 88px;
}

.arco-tooltip-content{
  font-size: 14px;
  white-space: break-spaces;
  word-break: break-all;
}
.arco-radio{
  font-size: 14px;
  .arco-radio-label{
    height: 22px;
    line-height: 22px;
  }
}
.arco-message-list-top{
  top: 380px;
}
.arco-menu-vertical .arco-menu-item,.arco-menu-vertical .arco-menu-inline-header {
  line-height: 42px;
}

.arco-textarea-wrapper,.arco-textarea,.arco-picker,
.avatar-popup-content,.arco-menu {
  border-radius: 4px;
}
.question-icon {
  outline:none;
  color:var(--color-text-5);

  &:hover{
    cursor: pointer;
    color:var(--color-text-1);
  }
}
.drag-icon{
  @apply w-5 h-4 my-1 flex-center cursor-pointer;
}
svg{
  flex-shrink: 0;
}
